<template>
	<div>
		<!-- 弹框 -->
        <van-dialog v-model="showDealDia" :show-cancel-button="false" :show-confirm-button="false">
            <div class="mydialog">
                <div class="mydialog-title" style="font-size:20px">系统提示</div>
                <div class="mydialog-tipinfo">{{tips}}</div>
                <div class="btn-wrapper" style="margin-top: 20px">
                    <van-button class="subbtnsuc cancelbtn" round block type="primary" @click="handleCancel">取消</van-button>
                    <van-button class="subbtnsuc confirmbtn" round block type="primary" @click="handleOk">确认</van-button>
               </div>
            </div>
        </van-dialog>
	</div>
</template>
<script>
import { Button, Dialog } from 'vant'
    export default {
        props: {
            value: {
                type: Boolean,
    			default: false
    		},
            tips: {
                type: String,
                default: '是否确认解除绑定身份信息？'
            },
    	},
        components: {
            [Button.name]: Button,
            [Dialog.Component.name]: Dialog.Component
        },
		data() {
			return {
			}
		},
		computed: {
			showDealDia: {
				get() {
					return this.value
				},
				set(val) {
					return val
				}
			}
		},
		methods: {
            handleOk() {
                this.$emit('ok')
                this.$emit('change', false)
            },
            handleCancel() {
            	this.$emit('change', false)
            }
		},
		mounted() {
        },
        model: {
        	prop: 'value',
      		event: 'change'
        }
	}
</script>
<style lang="less" scoped>
.mydialog {
    padding: 20px 20px 25px 20px;
    text-align: center;
    .mydialog-title {
        color: #2873E7;
        font-weight: bold;
        padding: 20px 0;
    }
    .mydialog-tipinfo {
        padding-bottom: 10px;
    }
}
.btn-wrapper {
    display: flex;
    .subbtnsuc {
        height: 46px;
        border-radius: 6px;
        margin: 0 10px;
        border-color: #2873E7;
    }
    .cancelbtn {
        border: 1px solid #2873E7;
        color: #2873E7;
        background: #ffffff;
    }
    .confirmbtn {
        background: linear-gradient(270deg, #268BEF 0%, #2972E7 105.08%);
        box-shadow: 0px 9px 15px rgba(40, 114, 230, 0.3);
    }
}
</style>